{% extends "base.html" %}
{% from "_icones.html" import icone %}
{% block titulo %}NF-e {{ nota.numero }}{% endblock %}
{% block conteudo %}
{% set s = SITUACOES.get(nota.situacao, (nota.situacao, 'neutro')) %}
<div class="topo">
  <div>
    <h1>NF-e nº {{ nota.numero }} <span class="selo {{ s[1] }}" style="vertical-align:middle;font-size:13px">{{ s[0] }}</span></h1>
    <p>Série {{ nota.serie }} · emitida em {{ nota.data_emissao|data }} · {{ 'Homologação' if nota.ambiente != 'producao' else 'Produção' }}</p>
  </div>
  <div class="acoes">
    {% if nota.situacao in ('autorizada','cancelada','denegada') %}
    <a class="btn prim" href="{{ url_for('nota_danfe', nid=nota.id) }}" target="_blank">{{ icone('pdf') }} Ver DANFE</a>
    <a class="btn" href="{{ url_for('nota_danfe', nid=nota.id, baixar=1) }}">{{ icone('download') }} Baixar PDF</a>
    <a class="btn" href="{{ url_for('nota_xml', nid=nota.id) }}">{{ icone('download') }} XML</a>
    {% endif %}
    <a class="btn" href="{{ url_for('nota_nova', base=nota.id) }}">{{ icone('copia') }} Emitir igual</a>
  </div>
</div>

{% if nota.situacao == 'rejeitada' %}
<div class="aviso erro"><div><b>Rejeição {{ nota.cstat }}:</b> {{ nota.motivo }}<br>Use “Emitir igual” para corrigir e reenviar. O número será reaproveitado.</div></div>
{% elif nota.situacao == 'pendente' %}
<div class="aviso alerta"><div><b>Sem confirmação da SEFAZ.</b> {{ nota.motivo }}<br>Clique em “Consultar na SEFAZ” antes de emitir outra nota.</div></div>
{% elif nota.situacao == 'denegada' %}
<div class="aviso erro"><div><b>Uso denegado ({{ nota.cstat }}):</b> {{ nota.motivo }}. A nota não tem validade e o número não pode ser reutilizado.</div></div>
{% endif %}

<div class="grade" style="grid-template-columns:minmax(0,1fr) 340px;align-items:start" id="detalhe-grade">
  <div>
    <div class="cartao">
      <div class="cab"><h2>Identificação</h2></div>
      <div class="corpo"><dl class="info">
        <dt>Chave de acesso</dt><dd class="chave">{{ nota.chave }}</dd>
        <dt>Protocolo</dt><dd>{{ nota.protocolo or '—' }}</dd>
        <dt>Retorno SEFAZ</dt><dd>{{ nota.cstat or '' }} {{ nota.motivo or '' }}</dd>
        <dt>Natureza</dt><dd>{{ dados.natureza }}</dd>
        <dt>Destinatário</dt><dd>{{ nota.cliente_nome }} · {{ nota.cliente_doc|doc }}</dd>
        {% if dados.destinatario %}<dt>Endereço</dt><dd>{{ dados.destinatario.logradouro }}, {{ dados.destinatario.numero }} – {{ dados.destinatario.bairro }}, {{ dados.destinatario.municipio }}/{{ dados.destinatario.uf }}</dd>{% endif %}
        <dt>Valor total</dt><dd><b>{{ nota.valor_total|moeda }}</b></dd>
      </dl></div>
    </div>
    <div class="cartao">
      <div class="cab"><h2>Itens</h2></div>
      <div class="tabela-wrap"><table class="tab">
        <thead><tr><th>#</th><th>Descrição</th><th>NCM</th><th>CFOP</th><th class="direita">Qtd.</th><th class="direita">Unit.</th><th class="direita">Total</th></tr></thead>
        <tbody>
        {% for it in dados.itens or [] %}
          <tr><td>{{ loop.index }}</td><td><b>{{ it.descricao }}</b><div class="suave peq">{{ it.codigo }}</div></td>
            <td class="mono">{{ it.ncm }}</td><td class="mono">{{ it.cfop }}</td>
            <td class="direita">{{ it.quantidade }} {{ it.unidade }}</td><td class="direita nowrap">{{ it.valor_unitario }}</td>
            <td class="direita nowrap">{{ it._total|moeda }}</td></tr>
        {% endfor %}
        </tbody></table></div>
    </div>
  </div>

  <div>
    <div class="cartao">
      <div class="cab"><h2>Ações</h2></div>
      <div class="corpo" style="display:grid;gap:10px">
        <form method="post" action="{{ url_for('nota_consultar', nid=nota.id) }}" data-carregando="Consultando a SEFAZ...">
          <button class="btn" style="width:100%">{{ icone('sinal') }} Consultar na SEFAZ</button></form>
        {% if nota.situacao in ('autorizada','cancelada','denegada') %}
        <form method="post" action="{{ url_for('nota_salvar_arquivos', nid=nota.id) }}" data-carregando="Salvando PDF e XML...">
          <button class="btn" style="width:100%">{{ icone('download') }} Salvar PDF e XML no computador</button></form>
        <form method="post" action="{{ url_for('nota_abrir_pasta', nid=nota.id) }}">
          <button class="btn" style="width:100%">{{ icone('pasta') }} Abrir pasta da nota</button></form>
        <button class="btn" type="button" onclick="$('#dlg-email').showModal()">{{ icone('email') }} Enviar por e-mail</button>
        {% endif %}
        {% if nota.situacao == 'autorizada' %}
          <button class="btn" type="button" onclick="$('#dlg-cce').showModal()">{{ icone('editar') }} Carta de correção</button>
          {% if pode_cancelar %}
          <button class="btn perigo" type="button" onclick="$('#dlg-cancelar').showModal()">{{ icone('bloqueio') }} Cancelar nota</button>
          {% else %}
          <div class="ajuda">O prazo de 24 horas para cancelamento terminou. Para desfazer a operação, emita uma nota de devolução/entrada ou consulte a SEFAZ do seu estado sobre cancelamento extemporâneo.</div>
          {% endif %}
        {% endif %}
        {% if nota.situacao == 'rejeitada' %}
          <form method="post" action="{{ url_for('nota_excluir', nid=nota.id) }}" data-confirmar="Remover este registro de nota rejeitada do histórico?">
            <button class="btn perigo" style="width:100%">{{ icone('lixo') }} Remover do histórico</button></form>
        {% endif %}
      </div>
    </div>
    <div class="cartao">
      <div class="cab"><h2>Eventos</h2></div>
      <div class="corpo">
        {% if eventos %}
        <ul class="linha-tempo">
          {% for e in eventos %}
          <li class="{{ '' if e.sucesso else 'falha' }}">
            <b>{{ {'cancelamento': 'Cancelamento', 'cce': 'Carta de correção nº ' ~ e.sequencia, 'email': 'E-mail'}.get(e.tipo, e.tipo) }}</b>
            {% if e.tipo == 'email' %}<span class="selo {{ 'ok' if e.sucesso else 'erro' }}">{{ 'enviado' if e.sucesso else 'falhou' }}</span>
            {% else %}<span class="selo {{ 'ok' if e.sucesso else 'erro' }}">{{ 'registrado' if e.sucesso else 'rejeitado' }}</span>{% endif %}
            <div class="peq suave">{{ e.criado_em|data }} · {{ e.cstat }} {{ e.motivo }}</div>
            <div class="peq" style="margin-top:4px">{{ e.texto }}</div>
            {% if e.sucesso and e.tipo != 'email' %}<div style="margin-top:6px;display:flex;gap:6px">
              {% if e.tipo == 'cce' %}<a class="btn peq" target="_blank" href="{{ url_for('evento_pdf', eid=e.id) }}">{{ icone('pdf') }} PDF</a>{% endif %}
              <a class="btn peq" href="{{ url_for('evento_xml', eid=e.id) }}">XML</a></div>{% endif %}
          </li>
          {% endfor %}
        </ul>
        {% else %}<div class="suave peq">Nenhum evento registrado.</div>{% endif %}
      </div>
    </div>
  </div>
</div>

<dialog id="dlg-cancelar">
  <form method="post" action="{{ url_for('nota_cancelar', nid=nota.id) }}" data-carregando="Enviando cancelamento...">
    <div class="cab"><h2>Cancelar NF-e nº {{ nota.numero }}</h2></div>
    <div class="corpo">
      <p class="peq suave" style="margin-top:0">O cancelamento é definitivo e só é aceito em até 24 horas da autorização, se a mercadoria não tiver circulado.</p>
      <label>Justificativa <span class="opc">(mín. 15 caracteres)</span></label>
      <textarea name="justificativa" minlength="15" maxlength="255" required></textarea>
    </div>
    <div class="rodape-form"><button class="btn" type="button" onclick="this.closest('dialog').close()">Voltar</button><button class="btn perigo">Confirmar cancelamento</button></div>
  </form>
</dialog>
<dialog id="dlg-email">
  <form method="post" action="{{ url_for('nota_email', nid=nota.id) }}" data-carregando="Enviando e-mail...">
    <div class="cab"><h2>Enviar NF-e nº {{ nota.numero }} por e-mail</h2></div>
    <div class="corpo">
      {% if email_ok %}
      <label>Para <span class="opc">(separe vários com ;)</span></label>
      <input name="para" value="{{ dados.destinatario.email if dados.destinatario and dados.destinatario.email else '' }}" required>
      <label style="margin-top:12px">Com cópia para <span class="opc">(opcional)</span></label>
      <input name="copia" value="{{ cfg.email_copia }}">
      <p class="peq suave">Vão anexados o PDF (DANFE), o XML da nota e os XMLs de cancelamento ou correção, se houver.</p>
      {% else %}
      <p style="margin-top:0">O envio de e-mail ainda não está configurado. Configure em <a href="{{ url_for('configuracoes', aba='email') }}">Configurações → E-mail</a>.</p>
      {% endif %}
    </div>
    <div class="rodape-form"><button class="btn" type="button" onclick="this.closest('dialog').close()">Fechar</button>
      {% if email_ok %}<button class="btn prim">Enviar</button>{% endif %}</div>
  </form>
</dialog>
<dialog id="dlg-cce">
  <form method="post" action="{{ url_for('nota_cce', nid=nota.id) }}" data-carregando="Enviando carta de correção...">
    <div class="cab"><h2>Carta de correção nº {{ seq_cce }}</h2></div>
    <div class="corpo">
      <p class="peq suave" style="margin-top:0">A carta não pode alterar valores, impostos, quantidades, dados cadastrais que mudem o remetente/destinatário, nem a data. Cada nova carta substitui a anterior, então escreva todas as correções juntas.</p>
      <label>Correção <span class="opc">(mín. 15 caracteres)</span></label>
      <textarea name="correcao" minlength="15" maxlength="1000" rows="5" required></textarea>
    </div>
    <div class="rodape-form"><button class="btn" type="button" onclick="this.closest('dialog').close()">Voltar</button><button class="btn prim">Enviar carta de correção</button></div>
  </form>
</dialog>
<style>@media (max-width: 1000px) { #detalhe-grade { grid-template-columns: 1fr !important; } }</style>
{% endblock %}